<template>
	<view class="invite_popup_container" v-if="isShowInvite">
		<view class="invite_popup_box">
			<view class="invite_img_box">
				<image :src="inviteImg" mode="widthFix" class="invite_img" @click="handleCheckInvite">
				</image>
				<view class="invite_close_box" @click="handleCloseInvite">
					<image :src="closeImg" mode="" class="invite_close_img"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShowInvite: false,
				closeImg: 'https://file-1314054542.cos.ap-shanghai.myqcloud.com/cos_file/wechat_xcx/66ea42588e0c0_1726628440.png',
				inviteImg: 'https://file-1314054542.cos.ap-shanghai.myqcloud.com/cos_file/wechat_xcx/666fa3945a6c4_1718592404.png'
			}
		},
		methods: {
			// 查看邀请好友办卡
			handleCheckInvite() {
				this.$emit('handleCheckInvite', '')
			},

			// 关闭
			handleCloseInvite() {
				this.$emit('handleCloseInvite', '')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.invite_popup_container {

		.invite_popup_box {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.6);
			z-index: 999;

			.invite_img_box {
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;

				.invite_img {
					width: 100%;
				}

				.invite_close_box {
					position: fixed;
					top: 50rpx;
					right: 100rpx;

					.invite_close_img {
						width: 50rpx;
						height: 50rpx;
					}
				}
			}
		}
	}
</style>